body {
    font: 16px sans-serif;
    margin: 20px;
    color: white;
    background: white url('shell_mound.jpg') no-repeat scroll center;
}
div#menu {
    background: black;
    height: 27px;
    width: 1000px;
    margin: auto;
}
div.menu > div > ul.menu > li {
    width: 125px;
    float: left;
}
li.menu div {
    background: transparent url('images/highlight_01.png') no-repeat top;
}
li.menu div {
    width: 222px;
}
li.menu > div > div {
    width: auto;
    background: transparent url('images/highlight_03.png') no-repeat bottom;
    padding: 20px 0 20px 0;
}
ul.menu a {
    color: white;
    text-decoration: none;
    width: 100%;
    display: inline-block;
    height: 100%;
    position: relative;
}
ul.menu a:focus {
    color: yellow;
}
ul.menu,
ul.menu ul {
    background: transparent url('images/highlight_02.png') repeat-y center;
    list-style: none;
    padding: 0;
    margin: 0;

}
div.menu li:target > div {
    visibility: visible;
}
ul.menu ul {
    width: 222px;
}
li.menu > div {
    position: absolute;
    top: -20px;
    left: 222px;
    visibility: hidden;
    z-index: 4;
    width: 222px;
}
div.menu > div > ul.menu > li.menu > div {
    top: 29px;
    left: 0;
}
ul.menu li {
    position: relative;
    padding: 2px;
}
ul.menu li:hover,
li.menu-highlight,
li.menu-link-highlight {
    background: transparent url('images/transparent_02.png') repeat-y center;
}
ul.menu span {
    display: block;
    padding: 2px 10px;
}
li.menu > span.arrow {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 5px;
    right: 15px;
    background: url('arrow.png') no-repeat right;
    border: none;
    padding: 0;
    margin: 0;
}

